<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>layuiAdmin 网站用户</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="/dist/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="/static/style/admin.css" media="all">
</head>

<body>

	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-card-body">
				<div style="padding-bottom: 10px;">
					<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>
					<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>
				</div>

				<table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>

				<script type="text/html" id="table-useradmin-webuser">
					<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">
						<i class="layui-icon layui-icon-edit"></i>编辑
					</a>
					<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
						<i class="layui-icon layui-icon-delete"></i>删除
					</a>
				</script>
			</div>


		</div>
	</div>

	<script src="/dist/layui/layui.js"></script>
	<script src="/static/js/common.js"></script>

	<script>
		layui.config({
			base: base_url + '/dist/' //静态资源所在路径
		}).extend({
			index: 'lib/index' //主入口模块
		}).use(['index', 'useradmin', 'table'], function () {
			var $ = layui.$,
				form = layui.form,
				table = layui.table;

			//监听搜索
			form.on('submit(LAY-user-front-search)', function (data) {
				var field = data.field;

				//执行重载
				table.reload('LAY-user-manage', {
					where: field
				});
			});

			//事件
			var active = {
				batchdel: function () {
					var checkStatus = table.checkStatus('LAY-user-manage'),
						checkData = checkStatus.data; //得到选中的数据

					if (checkData.length === 0) {
						return layer.msg('请选择数据');
					}

					layer.prompt({
						formType: 1,
						title: '敏感操作，请验证口令'
					}, function (value, index) {
						layer.close(index);

						layer.confirm('确定删除吗？', function (index) {

							//执行 Ajax 后重载
							/*
							admin.req({
							  url: 'xxx'
							  //,……
							});
							*/
							table.reload('LAY-user-manage');
							layer.msg('已删除');
						});
					});
				},
				add: function () {
					layer.open({
						type: 2,
						title: '添加用户',
						content: 'userform.html',
						maxmin: true,
						area: ['500px', '450px'],
						btn: ['确定', '取消'],
						yes: function (index, layero) {
							var iframeWindow = window['layui-layer-iframe' + index],
								submitID = 'LAY-user-front-submit',
								submit = layero.find('iframe').contents().find('#' + submitID);

							//监听提交
							iframeWindow.layui.form.on('submit(' + submitID + ')', function (
							data) {
								var field = data.field; //获取提交的字段

								//提交 Ajax 成功后，静态更新表格中的数据
								//$.ajax({});
								table.reload('LAY-user-front-submit'); //数据刷新
								layer.close(index); //关闭弹层
							});

							submit.trigger('click');
						}
					});
				}
			};

			$('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
				var type = $(this).data('type');
				alert(type)
				active[type] ? active[type].call(this) : '';
			});
		});
	</script>
</body>

</html>